* {
    margin: 0;
    padding: 0;
}

.container{
    width: 100%;
    
    /* background-color: rgb(72, 63, 51); */
    
}

.header{
    height: 13.7vh;
    background-color: #DCDDDD;
    border-radius: 10px;
    border: 2px solid black;
    margin-bottom: 1vh;
}

.main{
    display: flex;
    height: 80vh;
}

.leftNav{
    height: 80vh;
    background-color: #DCDDDD;
    width: 19vw;
    margin-right: 0.5vw;
    border-radius: 10px;
    border: 2px solid #1891ac;
    display: flex;
    flex-direction:column;
    align-items:center;
    gap: 1vh;
}

.rightContent{
    height: 80vh;
    background-color: #DCDDDD;
    width: 80vw;
    border-radius: 10px;
    border: 2px solid #1891ac;
}

.makeBlock{
    display: block;
}

.left-button{
    margin-top: 1vh !important;
    width: 70%;
    height: 5vh;
    background-color: #393e46;
    color: #FFFFFF;
    font-size: larger !important;
    border-radius: 10px;
    letter-spacing: 0.5vh;
    cursor: pointer;
}

.overview{
    width: 100%;
    height: 100%;
    background-color: #DCDDDD;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    border-radius: 15px;
    
}
.overviewModule{
    margin: 1vh;
    border-radius: 10px;
    border: 1px solid #1891ac;
    box-sizing: border-box;
    background-color: aliceblue;
}

.projInfo{
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.furSectionInfo{
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modelSectionInfo{
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.parametersSetting{
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.overallHeatAbsorptionRate{
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.furTempCorrection{
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}




